.size-8 {
	font-size: 16rpx !important;
	transform: scale(0.8);
	// transform-origin: left top; /* 缩放原点，可以根据需要调整 */
}
.sanjiao-size {
	font-size: 16rpx !important;
	transform: scale(0.8);
}
.sanjiao-position {
	position: absolute;
	right: 8rpx;
	top: 50%;
	transform: translate(0, -50%);
}
.icon-size {
	width: 30rpx;
	height: 30rpx;
	vertical-align: middle;
}
.main {
	// background-color: #f5f5f5;
}
.flex-between {
	display: flex;
	justify-content: space-between;
}
.redLine {
	background-color: red !important;
}
.blackLine {
	background-color: #000 !important;
}
.main-content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}
.left-side,
.right-side {
	width: 17.5%;
	font-size: 24rpx;
	&-item {
		position: relative;
		display: flex;
		align-items: center;
		background: #fff;
		border: 2rpx solid #d8cece;
		color: #e42020;
		text-align: center;
		padding: 20rpx 10rpx;
		margin: 6rpx 2rpx;
	}
}
.right-side {
	&-item {
		color: #000;
	}
}
.center-content {
	position: relative;
	top: 48rpx;
	width: 65%;
	font-size: 18rpx;
	&-main {
		&-canvas {
			position: absolute;
			top: -20rpx;
			left: 0;
			width: 100%;
			height: 800rpx;
		}
		&-energy {
			font-size: 12rpx;
			// 能量中心
			&-item1 {
				position: absolute;
				top: -16rpx;
				left: calc(50% - 78rpx);
				z-index: 3;
				&-img {
					width: 160rpx;
					height: 140rpx;
				}
				&-num {
					position: absolute;
					bottom: 44rpx;
					left: 25rpx;
					font-size: 12rpx;
					color: #666;
					display: flex;
					justify-content: space-around;
					width: 110rpx;
				}
				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
			&-item2 {
				position: absolute;
				left: calc(50% - 78rpx);
				top: 68rpx;
				transform: rotate(180deg);
				z-index: 3;
				&-img {
					width: 160rpx;
					height: 140rpx;
				}
				&-num1 {
					position: absolute;
					bottom: 44rpx;
					left: 24rpx;
					font-size: 12rpx;
					color: #666;
					display: flex;
					justify-content: space-around;
					width: 110rpx;
					transform: rotate(180deg) scale(0.8);
				}
				&-num2 {
					position: absolute;
					top: 50rpx;
					left: 41rpx;
					font-size: 12rpx;
					color: #666;
					display: flex;
					justify-content: space-around;
					width: 76rpx;
					transform: rotate(180deg) scale(0.8);
				}
				&-num3 {
					position: absolute;
					top: 20rpx;
					left: 42rpx;
					font-size: 12rpx;
					color: #666;
					display: flex;
					justify-content: space-around;
					width: 76rpx;
					transform: rotate(180deg) scale(0.8);
				}
				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
			&-item3 {
				font-size: 12rpx;
				color: #fff;
				position: absolute;
				top: 230rpx;
				left: calc(50% - 49rpx);
				z-index: 3;
				&-img {
					width: 100rpx;
					height: 100rpx;
				}
				&-num1 {
					position: absolute;
					top: 4rpx;
					left: -5rpx;
					display: flex;
					justify-content: space-around;
					width: 110rpx;
				}
				&-num2 {
					position: absolute;
					top: 13rpx;
					left: 4rpx;
					display: flex;
					flex-direction: column;
					display: flex;
					justify-content: space-around;
					height: 70rpx;
					align-items: center;
				}

				&-num3 {
					position: absolute;
					top: 18rpx;
					right: 4rpx;
					display: flex;
					flex-direction: column;
					display: flex;
					justify-content: space-around;
					height: 70rpx;
					align-items: center;
				}
				&-num4 {
					position: absolute;
					bottom: 7rpx;
					left: -5rpx;
					display: flex;
					justify-content: space-around;
					width: 110rpx;
				}
				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
			&-item4 {
				transform: rotate(-45deg);
				color: #666;
				position: absolute;
				top: 370rpx;
				left: calc(50% - 45rpx);
				z-index: 3;
				&-img {
					width: 100rpx;
					height: 100rpx;
				}
				&-num1 {
					position: absolute;
					top: 5rpx;
					left: -6rpx;
					display: flex;
					justify-content: space-around;
					width: 110rpx;
					text {
						transform: rotate(45deg);
					}
				}
				&-num2 {
					position: absolute;
					bottom: 10rpx;
					left: -8rpx;
					display: flex;
					justify-content: space-around;
					width: 115rpx;
					text {
						transform: rotate(45deg);
					}
				}
				&-num3 {
					position: absolute;
					bottom: 40rpx;
					left: 8rpx;
					display: flex;
					justify-content: space-around;
					transform: rotate(45deg) scale(0.8);
				}
				&-num4 {
					position: absolute;
					bottom: 40rpx;
					right: 10rpx;
					display: flex;
					justify-content: space-around;
					transform: rotate(45deg) scale(0.8);
				}
				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
			&-item5 {
				position: absolute;
				top: 430rpx;
				transform: rotate(125deg);
				left: calc(50% + 40rpx);
				color: #666;
				z-index: 3;
				&-img {
					width: 100rpx;
					height: 100rpx;
				}
				&-num1 {
					position: absolute;
					left: 5rpx;
					bottom: 30rpx;
					display: flex;
					justify-content: space-around;
					width: 90rpx;
					text {
						transform: rotate(-123deg);
					}
				}
				&-num2 {
					position: absolute;
					transform: rotate(235deg) scale(0.8);
					top: 8rpx;
					left: calc(50% - 8rpx);
				}
				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
			&-item6 {
				position: absolute;
				bottom: 140rpx;
				transform: rotate(-29deg);
				left: -24rpx;
				color: #666;
				z-index: 3;
				&-img {
					width: 160rpx;
					height: 160rpx;
				}
				&-num1 {
					position: absolute;
					right: 8rpx;
					bottom: 100rpx;
					display: flex;
					justify-content: space-around;
					width: 115rpx;
					transform: rotate(60deg) scale(0.8);
					text {
						transform: rotate(-35deg);
					}
				}
				&-num2 {
					position: absolute;
					left: 15rpx;
					bottom: 48rpx;
					display: flex;
					justify-content: space-around;
					width: 140rpx;
					text {
						transform: rotate(35deg);
					}
				}
				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
			&-item7 {
				position: absolute;
				bottom: 140rpx;
				transform: rotate(150deg);
				right: -24rpx;
				color: #fff;
				z-index: 3;
				&-img {
					width: 160rpx;
					height: 160rpx;
				}
				&-num1 {
					position: absolute;
					right: 5rpx;
					bottom: 100rpx;
					display: flex;
					justify-content: space-around;
					width: 120rpx;
					transform: rotate(240deg) scale(0.8);
					text {
						transform: rotate(-35deg);
					}
				}
				&-num2 {
					position: absolute;
					left: 5rpx;
					bottom: 46rpx;
					display: flex;
					justify-content: space-around;
					width: 150rpx;
					transform: rotate(180deg) scale(0.8);
					text {
						transform: rotate(35deg);
					}
				}
				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
			&-item8 {
				color: #fff;
				position: absolute;
				bottom: 20rpx;
				left: calc(50% - 50rpx);
				z-index: 3;
				&-img {
					width: 100rpx;
					height: 100rpx;
				}
				&-num1 {
					position: absolute;
					top: 4rpx;
					left: -8rpx;
					display: flex;
					justify-content: space-around;
					width: 110rpx;
				}
				&-num2 {
					position: absolute;
					top: 13rpx;
					left: 4rpx;
					display: flex;
					flex-direction: column;
					display: flex;
					justify-content: space-around;
					height: 85rpx;
					align-items: center;
				}

				&-num3 {
					position: absolute;
					top: 13rpx;
					right: 4rpx;
					display: flex;
					flex-direction: column;
					display: flex;
					justify-content: space-around;
					height: 85rpx;
					align-items: center;
				}

				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
			&-item9 {
				color: #fff;
				position: absolute;
				bottom: 150rpx;
				left: calc(50% - 50rpx);
				z-index: 3;
				&-img {
					width: 100rpx;
					height: 100rpx;
				}
				&-num1 {
					position: absolute;
					top: 4rpx;
					left: -8rpx;
					display: flex;
					justify-content: space-around;
					width: 115rpx;
				}
				&-num2 {
					position: absolute;
					top: 13rpx;
					left: 4rpx;
					display: flex;
					flex-direction: column;
					display: flex;
					justify-content: space-around;
					height: 75rpx;
					align-items: center;
				}
				&-num3 {
					position: absolute;
					top: 18rpx;
					right: 4rpx;
					display: flex;
					flex-direction: column;
					display: flex;
					justify-content: flex-end;
					height: 70rpx;
					align-items: center;
				}
				&-num4 {
					position: absolute;
					bottom: 5rpx;
					left: -3rpx;
					display: flex;
					justify-content: space-around;
					width: 115rpx;
				}
				&-bg {
					position: relative;
					color: #fff;
					background: #000;
					border-radius: 50%;
					padding: 0 4rpx;
					height: 20rpx;
					&::before {
						content: '';
						position: absolute;
						top: -2rpx;
						left: -4rpx;
						width: 25rpx;
						height: 19rpx;
						border-radius: 50%;
						// background-color: #000;
						z-index: -2;
					}
				}
			}
		}
	}
}
// 线条
.item12-lines {
	position: absolute;
	left: calc(50% - 32rpx);
	width: 70rpx;
	display: flex;
	justify-content: space-between;
	top: 80rpx;
	z-index: 0;
	&-line1,
	&-line2,
	&-line3 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 20rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 20rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 20rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 20rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}

.item23-lines {
	position: absolute;
	left: calc(50% - 32rpx);
	width: 68rpx;
	display: flex;
	justify-content: space-between;
	top: 160rpx;
	z-index: 0;
	&-line1,
	&-line3 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line2 {
		position: absolute;
		left: calc(50% - 8rpx);
		top: 36rpx;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 20rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 20rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 20rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 20rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}
.item34-lines {
	position: absolute;
	left: calc(50% - 32rpx);
	width: 68rpx;
	display: flex;
	justify-content: space-between;
	top: 312rpx;
	z-index: 0;
	&-line1,
	&-line3 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line2 {
		position: absolute;
		left: calc(50% - 8rpx);
		top: 6rpx;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 24rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 24rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 24rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 24rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}
.item49-lines {
	position: absolute;
	left: calc(50% - 32rpx);
	width: 68rpx;
	display: flex;
	justify-content: space-between;
	bottom: 238rpx;
	z-index: 1;
	&-line1,
	&-line3 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 65rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 65rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 65rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 65rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line2 {
		position: absolute;
		left: calc(50% - 5rpx);
		top: 20rpx;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 55rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 55rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 55rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 55rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}
.item56-lines {
	position: absolute;
	left: calc(50% - 32rpx);
	width: 68rpx;
	display: flex;
	justify-content: space-between;
	bottom: 110rpx;
	z-index: 0;
	&-line1,
	&-line2,
	&-line3 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 30rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 30rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 30rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 30rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}
.item36-lines {
	position: absolute;
	display: flex;
	justify-content: space-between;
	z-index: 2;
	left: 108rpx;
	top: 220rpx;
	&-line1,
	&-line2 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line1 {
		position: absolute;
		left: 15rpx;
		transform: rotate(30deg);
	}
	&-line2 {
		position: absolute;
		left: 20rpx;
		top: 34rpx;
		transform: rotate(29deg);
		z-index: 2;
	}
}
.item37-lines {
	position: absolute;
	display: flex;
	justify-content: space-between;
	z-index: 0;
	right: 108rpx;
	top: 220rpx;
	&-line1,
	&-line2 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line1 {
		position: absolute;
		top: -6rpx;
		right: 10rpx;
		transform: rotate(-31deg);
	}
	&-line2 {
		position: absolute;
		right: 20rpx;
		top: 22rpx;
		transform: rotate(-27deg);
	}
	&-line3 {
		position: absolute;
		right: 60rpx;
		transform: rotate(-20deg);
		top: 70rpx;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 90rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 90rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 90rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 90rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line4 {
		position: absolute;
		right: -4rpx;
		transform: rotate(-26deg);
		top: 272rpx;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 40rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}
.item45-lines {
	position: absolute;
	display: flex;
	justify-content: space-between;
	z-index: 0;
	right: 108rpx;
	top: 220rpx;
	&-line1 {
		position: absolute;
		right: 64rpx;
		transform: rotate(-30deg);
		top: 196rpx;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 30rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 30rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 30rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 30rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line2 {
		position: absolute;
		right: 172rpx;
		transform: rotate(71deg);
		top: 182rpx;
		z-index: -2;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 130rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 130rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 130rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 130rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}
.item69-lines {
	position: absolute;
	display: flex;
	justify-content: space-between;
	z-index: 0;
	right: 208rpx;
	top: 220rpx;
	&-line1 {
		position: absolute;
		right: 110rpx;
		transform: rotate(115deg);
		top: 320rpx;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 70rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 70rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 70rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 70rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}
.item79-lines {
	position: absolute;
	display: flex;
	justify-content: space-between;
	z-index: 0;
	left: 208rpx;
	top: 220rpx;
	&-line1 {
		position: absolute;
		left: 110rpx;
		transform: rotate(-115deg);
		top: 320rpx;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 70rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 70rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 70rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 70rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}
.item68-lines {
	&-line1,
	&-line2,
	&-line3 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 100rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 100rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 100rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 100rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line1 {
		position: absolute;
		left: 140rpx;
		transform: rotate(132deg);
		bottom: 40rpx;
	}
	&-line2 {
		position: absolute;
		left: 130rpx;
		transform: rotate(128deg);
		bottom: 0rpx;
		&-top {
			display: flex;
			&-left {
				height: 120rpx;
			}
			&-right {
				height: 120rpx;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				height: 120rpx;
			}
			&-right {
				height: 120rpx;
			}
		}
	}
	&-line3 {
		position: absolute;
		left: 120rpx;
		transform: rotate(127deg);
		bottom: -15rpx;
		&-top {
			display: flex;
			&-left {
				height: 120rpx;
			}
			&-right {
				height: 120rpx;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				height: 120rpx;
			}
			&-right {
				height: 120rpx;
			}
		}
	}
}
.item78-lines {
	&-line1,
	&-line2,
	&-line3 {
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 100rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 100rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				width: 3rpx;
				height: 100rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 100rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line1 {
		position: absolute;
		right: 140rpx;
		transform: rotate(-132deg);
		bottom: 40rpx;
	}
	&-line2 {
		position: absolute;
		right: 130rpx;
		transform: rotate(-128deg);
		bottom: 0rpx;
		&-top {
			display: flex;
			&-left {
				height: 120rpx;
			}
			&-right {
				height: 120rpx;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				height: 120rpx;
			}
			&-right {
				height: 120rpx;
			}
		}
	}
	&-line3 {
		position: absolute;
		right: 120rpx;
		transform: rotate(-127deg);
		bottom: -15rpx;
		&-top {
			display: flex;
			&-left {
				height: 120rpx;
			}
			&-right {
				height: 120rpx;
			}
		}
		&-bottom {
			display: flex;
			&-left {
				height: 120rpx;
			}
			&-right {
				height: 120rpx;
			}
		}
	}
}

.item469-lines {
	&-line1 {
		position: absolute;
		left: 172rpx;
		transform: rotate(88deg);
		bottom: 356rpx;
		z-index: 2;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 80rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 80rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line2 {
		position: absolute;
		left: 105rpx;
		transform: rotate(209deg);
		bottom: 285rpx;
		z-index: 2;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 120rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 120rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
	&-line3 {
		position: absolute;
		left: 148rpx;
		transform: rotate(124deg);
		bottom: 165rpx;
		z-index: 1;
		&-top {
			display: flex;
			&-left {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-left: 0.2rpx solid transparent;
			}
			&-right {
				width: 3rpx;
				height: 170rpx;
				background: #fff;
				border-right: 0.2rpx solid transparent;
			}
		}
	}
}

.arrow-left-one,
.arrow-left-two {
	position: absolute;
	top: 20rpx;
	left: 0rpx;
	display: flex;
	align-items: center;
	color: #fff;

	&-cube {
		width: 80rpx;
		height: 40rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: #e10b0bbd;
		padding-right: 8rpx;
	}
	&-triangle {
		width: 0;
		height: 0;
		border: 30rpx solid transparent;
		border-right-color: #e10b0bbd;
	}
}
.arrow-left-two {
	top: 100rpx;
}
.arrow-right-one,
.arrow-right-two {
	position: absolute;
	top: 20rpx;
	right: 20rpx;
	display: flex;
	align-items: center;
	color: #fff;

	&-cube {
		width: 80rpx;
		height: 40rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: #000;
		padding-right: 8rpx;
	}
	&-triangle {
		width: 0;
		height: 0;
		border: 30rpx solid transparent;
		border-right-color: #000;
	}
}
.arrow-right-two {
	top: 100rpx;
	right: -20rpx;
	&-triangle {
		width: 0;
		height: 0;
		border: 30rpx solid transparent;
		border-left-color: #000;
	}
	&-cube {
		padding-left: 8rpx;
		padding-right: 0;
	}
}
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.my-20 {
	margin: 40rpx 0;
}
.fix-main-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #f5f5f5;
}
